{
    title:  'Packages',
    crumbs: [ 
        { "User's Guide": "index.html" },
    ],
}
   
        <h1>Packages</h1>
 
		<p>Expansive can be extended by installable packages to provide content and extended functionality.
        Expansive uses packages to deliver content, plugins and skeletons. Expansive has a wide variety of 
        extension packages to make your development more productive.</p>

		<h2>The Pak Manager</h2>
		<p>Expansive uses the amazing <a href="https://embedthis.com/pak/">Pak</a> 
		package manager and the online <a href="https://embedthis.com/catalog/">Pak Catalog</a> of 
		packages. The Pak utility is used to install, manage, upgrade and uninstall packages for Expansive.

		<p>For example, to install <a href="http://jquery.com">jQuery</a> using Pak:</p>
		<pre class="code">$ <b>pak install jquery</b>
[Install] jquery 1.11.1</pre>

		<p>Behinds the scenes, Pak has downloaded jquery into your local Pak cache &mdash; typically <em>~/.paks</em>, 
		installed jQuery into the local <em>paks</em> directory, and added jQuery to the list of dependencies 
		in the <em>package.json</em>. When Expansive next renders the site, it will notice that jQuery has provided
		the <em>jquery.js</em> script and Expansive will automatically generates a reference for <em>jquery.js</em>
		in the generated HTML. In this way, many Expansive extension packages, can just be installed and they 
		self-configure into your application.</p>

		<p>This is what the <em>dist/index.html</em> home page now looks like:</p>
   		<pre class="code">
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Blog&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;Hello World with Layouts&lt;/h1&gt;
    <b>&lt;script src="lib/jquery/jquery.js"&gt;&lt;/script&gt;</b>
&lt;/body&gt;
&lt;/html&gt;
</pre>
		<p>See <a href="stylescripts.html">Scripts and Stylesheets</a> for more details.
		See the <a href="https://embedthis.com/catalog/search?exp">Pak Catalog</a> for more Expansive 
			plugins and packages, including: 
			<a href="https://embedthis.com/catalog/#/?keywords=bootstrap">Bootstrap</a>,
			<a href="https://embedthis.com/catalog/#/?keywords=angular">Angular</a>,
			<a href="https://embedthis.com/catalog/#/?keywords=font-awesome">Font Awesome</a>,
			<a href="https://embedthis.com/catalog/#/?keywords=semantic">Semantic UI</a>, and
			<a href="https://embedthis.com/catalog/#/?keywords=sass">Sass</a>.</p>

        <h2>Want More?</h2>
        <p>Read more about packages with:</p> 
        <ul>
            <li><a href="plugins.html">Plugins</a></li>
            <li><a href="skeletons.html">Skeletons</a></li>
        </ul>
		
